<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>db</title>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
		 crossorigin="anonymous">
		<link rel="stylesheet" href="../css/db.css" />
	</head>
	<body>
		<div class="box">

			<div class="form-group row">
				<div class="col-sm-2">
					<select class="form-control" id="dataSource" class="dataSource">
						<option selected="selected" disabled="disabled" value="">请选择数据源</option>
						<option id="dataOption"  value="other">other</option>
					</select>
				</div>
				<div class="col-sm-2">
					<input type="text" id="author" class="form-control" placeholder="作者">
				</div>
				<div class="col-sm-2">
					<input type="text" class="form-control" placeholder="模块名" id="modelName">
				</div>
				<div class="col-sm-2">
					<button class="btn btn-primary " data-toggle="modal" data-target="#exampleModal">添加</button>
				</div>
				<div class="col-sm-2">
					<button class="btn btn-info" id="search" >搜索</button>
				</div>
			</div>
			<!-- Modal -->
			<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="exampleModalLabel">添加代码生成</h5>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
							<div class="form-group">
								<label>作者</label>
								<input id="authorX" type="text" class="form-control" placeholder="张三">
							</div>
							<div class="form-group">
								<label>数据源</label>
								<select class="form-control" class="dataSource" id="dataSourceAdd">
									<option selected="selected" disabled="disabled" value="">请选择数据源</option>
								</select>
							</div>
							<div class="form-group">
								<label>包路径</label>
								<input id="packageName" type="text" class="form-control" placeholder="com.qf">
							</div>
							<div class="form-group">
								<label>表名</label>
								<input id="tableName" type="text" class="form-control" placeholder="多个表名逗号隔开">
							</div>
							<div class="form-group">
								<label>模块名</label>
								<input id="modelName" type="text" class="form-control" placeholder="model">
							</div>

						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
							<button type="button" id="saveBtn" class="btn btn-primary">保存</button>
						</div>
					</div>
				</div>
			</div>

			<table class="table table-striped">
				<thead>
					<tr>
						<th>数据源</th>
						<th>作者</th>
						<th>包路径</th>
						<th>表名</th>
						<th>模块名</th>
						<th>创建时间</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody id="tablelist">
					<tr>
						<th scope="row">mysql</th>
						
						<td>chen</td>
						<td>com.qf</td>
						<td>user</td>
						<td></td>
						<td>2021-03-10 11:36:21</td>
						<td class="td-btn">
							<button class="btn btn-danger" id="btnDel">删除</button>
							<button class="btn btn-info">执行</button>
						</td>
					</tr>
				</tbody>
			</table>
		</div>

		<script src="../js/jquery.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
		 crossorigin="anonymous"></script>
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
		 crossorigin="anonymous"></script>
		<script src="../js/db.js"></script>
	</body>
</html>
